<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<script type="text/javascript">
$(document).ready(function(){
 $('#slider').s3Slider({
  timeOut:5000
 });
});
</script>
     <!-- 党建动态 -->
     <div class="span4" id="content" style='margin-left:0px;'>
        <div class="panel">
            <div class="panel-heading word" style="background-color:#e9d555;"><strong>党建动态</strong></div>	     
    		<div style="border:2px;align:center;height:360px;">
    		     <br />
    		     <ul style="margin-left:20px">
    		        <li><p><a href="">专题组织生活会——关于党的群众路线教育实践活动的学习交流</a></p></li>
    		        <li><p><a href="">计算机系党员教师开展“与同学共同分享专业知识”活动</a></p></li>
    		        <li><p><a href="">关于开展学习贯彻党的十八大精神活动的通知</a></p></li>
    		        <li><p><a href="">学习和贯彻十八大系列活动--让我们与同学们共同分享专业知识</a></p></li>
    		        <li><p><a href="">数学与计算机学院积极开展学习贯彻十八大精神活动</a></p></li>
    		        <li><p><a href="">数学与计算机学院党委组织全院教职工党员赴彭州市宝山村开展集体组织生活</a></p></li>
    		     </ul> 
    	   </div>
       </div>
    </div><!-- end of 科研动态 -->
    
    <!-- 图片展示 -->
     <div class="span8"  id="body-content" style='margin-left:10px;'>
	    <div class="panel"> 
            <div id="slider" style="width:100%;height:400px;">
                <ul id="sliderContent">
                    <li class="sliderImage">
                        <img src="<%=basePath %>images/dj1.jpg" width="100%" height="100%" alt="党建新闻">
                        <span class="bottom">图片描述</span>
                    </li>
                    <li class="sliderImage">
                        <img src="<%=basePath %>images/dj2.jpg" width="100%" height="100%" alt="党建新闻">
                        <span class="bottom">图片描述</span>
                    </li>
                    <li class="sliderImage">
                        <img src="<%=basePath %>images/dj3.jpg" width="100%" height="100%" alt="党建新闻">
                        <span class="bottom">图片描述</span>
                    </li>
                </ul>
            </div>
       </div>  
    </div><!-- end of 图片展示 -->
     <div class='span12' style='margin-left:0px;'>
     <!-- 组织机构 -->
     <div class="span4" id="content" >
        <div class="panel">	
    		<div style="border:2px;align:center; height:150px;">
    		     <br />
    		     <ul style="margin-left:20px">
    		        <li><p><a href="">分党委职责</a></p></li>
    		        <li><p><a href="">数学与计算机学院党委分工</a></p></li>
    		     </ul> 
    	   </div>
    	   <div class="panel-heading word" style="background-color:#e9d555;"><strong>组织机构</strong></div>	     
       </div>
    </div><!-- end of 组织机构 -->
     
     <!-- 组织发展 -->
     <div class="span4" id="content" style='margin-left:17px;'>
        <div class="panel">	
    		<div style="border:2px;align:center;height:150px;">
    		     <br />
    		     <ul style="margin-left:20px">
    		        <li><p><a href="">发展党员程序</a></p></li>
    		        <li><p><a href="">西华大学党员教育、管理条例（试行）</a></p></li>
    		     </ul> 
    	   </div>
    	   <div class="panel-heading word" style="background-color:#e9d555"><strong>组织发展</strong></div>	     
       </div>
    </div><!-- end of 组织发展 -->
    
    <!-- 工作问答 -->
     <div class="span4" id="content" style='margin-left:17px;'>
        <div class="panel">	
    		<div style="border:2px;align:center;height:150px;">
    		     <br />
    		     <ul style="margin-left:20px">
    		        <li><p><a href="">怎样写转正申请书</a></p></li>
    		        <li><p><a href="">怎样写思想汇报</a></p></li>
    		        <li><p><a href="">怎样写入党申请书</a></p></li>
    		     </ul> 
    	   </div>
    	   <div class="panel-heading word" style="background-color:#e9d555"><strong>工作问答</strong></div>	     
       </div>
    </div><!-- end of 工作问答 -->
</div>